<route lang="yaml">
  meta:
    enabled: false
  </route>

<script setup lang="ts">
interface RowVO {
  id: number
  key: string
  value: string
}

const tableData = ref<RowVO[]>([
  { id: 10001, key: 'ADMIN_KEY', value: '66666' },
  { id: 10001, key: 'ADMIN_KEY', value: '66666' },
  { id: 10001, key: 'ADMIN_KEY', value: '66666' },
  { id: 10001, key: 'ADMIN_KEY', value: '66666' },
])
</script>

<template>
  <div>
    <FaPageHeader title="配置管理">
      <SearchBar :fold="false" :show-toggle="true" />
    </FaPageHeader>
    <FaPageMain>
      <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="id" label="ID" width="100" />
        <el-table-column prop="key" label="键" width="120" />
        <el-table-column prop="value" label="值" width="120" />
      </el-table>
    </FaPageMain>
    <FaPagination :page="1" :size="10" :total="10" />
  </div>
</template>
